<template>
  <div id="top10"></div>
</template>

<script>
import { Bar } from "@antv/g2plot";
import request from "@/router/axios";

// const data = [
//   {
//     type: "家具家电",
//     sales: 38,
//   },
//   {
//     type: "粮油副食",
//     sales: 52,
//   },
//   {
//     type: "生鲜水果",
//     sales: 61,
//   },
//   {
//     type: "美容洗护",
//     sales: 145,
//   },
//   {
//     type: "母婴用品",
//     sales: 48,
//   },
//   {
//     type: "进口食品",
//     sales: 38,
//   },
//   {
//     type: "食品饮料",
//     sales: 38,
//   },
//   {
//     type: "家庭清洁",
//     sales: 38,
//   },
// ];

export default {
  data() {
    return {};
  },
  mounted() {
    let data = [];
    request({
      url: "2/api/WmsOrderDetail/chartEnter",
      params: {
        // time:
        //   this.date1 == null || this.date1 == "" ? "" : this.date1.join("_"),
      },
    }).then((res) => {
      res.data.data.slice(0, 10).forEach((m) => {
        data.push({
          label: m.label,
          v1: parseFloat(m.v1),
        });
      });

      const barPlot = new Bar("top10", {
        data,
        xField: "v1",
        yField: "label",
        seriesField: "label",
        // color: ({ type }) => {
        //   return type === "美容洗护" ? "#FAAD14" : "#5B8FF9";
        // },
        legend: false,
      });
      barPlot.render();
    });
  },
  created() {},
  methods: {},
};
</script>

<style></style>
